<template>
  <a-menu v-model:selectedKeys="state.current" mode="horizontal" :items="state.items"/>
</template>
<script lang="ts" setup>
import {reactive} from 'vue'

const state = reactive({
  current: ['app'],
  items: [
    {
      key: 'mail',
      label: '文件',
      title: '文件'
    },
    {
      key: 'app',
      label: '开始',
      title: '开始'
    },
    {
      key: 'sub1',
      label: 'Navigation Three - Submenu',
      title: 'Navigation Three - Submenu'
    },
    {
      key: 'alipay',
      title: 'Navigation Four - Link',
    }]
})
</script>

